<template>
  <baidu-map :center="{lng: 116.403765, lat: 39.914850}" :zoom="11">
    <bm-view class="map"></bm-view>
    <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>

    <bm-city-list anchor="BMAP_ANCHOR_TOP_LEFT"></bm-city-list>
    <bm-local-search :keyword="keyword" :auto-viewport="true" ></bm-local-search>
    <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
  </baidu-map>
</template>
<script>
export default {
  data () {
    return {
      keyword: ''
    }
  },

}
</script>
<style>
.map {
  width: 100%;
  height: 200px;
}
</style>
